<!DOCTYPE html> 
<html>
    <head>
        <!-- <meta > -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
        <link href="css/default.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js"></script>

        <script>
            // adding a back button
            $(document).bind("mobileinit",function() {$.mobile.page.prototype.options.addBackBtn = true; });
        </script>

        <script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>

        <script type="text/javascript" src="js/funcionesIndex.js"></script>

        <title>Project Droid</title>

    </head>

    <body> 

        <!-- Principal -->       
        <div data-role="page" id="index">
            <div data-role="header">
                <h1 id="lista">Bienvenido</h1>
            </div>
            <div data-role="content">    
                <ul data-role="listview">
                    <script>
                        displayMenu();
                    </script>
                    <li><a href="#acerca">Acerca de</a></li>
                    <li><a href="#terminos">T&eacute;rminos de privacidad</a></li>
                </ul>
            </div>

            <div data-role="footer" data-position="fixed">
                <h4></h4>
            </div>
        </div>

        <!-- Pagina 1 -->       
        <div data-role="page" id="acerca">
            <div data-role="header" data-position="fixed">
                <h1>Acerca de</h1>
                <script>
                    displayBackButton();
                </script>
            </div>

            <div data-role="content">    
                <p> 
                    <b>T&iacutetulo:</b> ProjectDroid. <br><br>
                    <b>Descripci&oacuten:</b>Proyecto de programaci&oacuten; aplicaci&oacuten de creaci&oacuten de cronogramas para dispositivos m&oacuteviles.<br><br>
                    <b>Curso:</b> Aplicaciones Inform&aacuteticas Globales. <br><br>
                    <b>Universidad:</b> Universidad Nacional de Costa Rica. <br><br>
                    <b>Fecha:</b> Noviembre, 2013. <br><br>
                    <b>Autores</b> Diego P&eacuterez Arroyo & <br>
                                   Fernanda Herrera L&oacutepez.
            </p> 
            </div>

            <div data-role="footer" data-position="fixed">
                <h4></h4>
            </div>
        </div>

        <!-- Pagina 1 -->       
        <div data-role="page" id="terminos">
            <div data-role="header" data-position="fixed">
                <h1>T&eacuterminos</h1>
                <script>
                    displayBackButton();
                </script>
            </div>

            <div data-role="content">    
                <p>La distribuci&oacuten de este proyecto sin el consentimiento de sus autores est&aacute prohibida.</p>
                <p>Desarrollado por: Diego P&eacuterez Arroyo &<br>Fernanda Herrera L&oacutepez.</p>
                <p>Copyright 2013. All rights reserved.</p>
            </div>

            <div data-role="footer" data-position="fixed">
                <h4></h4>
            </div>
        </div>

    </body>

    <!--
    call like this for testing in the browser
    index.jsp?projects=Proyecto1-Proyecto2-Proyecto3
    -->
</html>

